<template>
  <b-container class="py-5">
    <b-row class="py-2">
      <h3 class="fw-light">关于我：这个家伙很懒, 什么都没有留下.......</h3>
    </b-row>
    <b-row class="py-2 mt-3">
      本站使用框架：
      <b-list-group class="mt-2">
        <b-list-group-item class="d-flex align-items-center"> <i class="zi zi_tmVue zi_2x mx-2"></i>Vue 2.0 / Vuex / Vue-router / BootstrapVue / axios </b-list-group-item>
        <b-list-group-item class="d-flex align-items-center"> <i class="zi zi_tmPython zi_2x mx-2"></i>python 3.10 / Django3.2 / Markdown-editor </b-list-group-item>
        <b-list-group-item class="d-flex align-items-center"> <i class="zi zi_database zi_2x mx-2"></i>MySQL 8.0 </b-list-group-item>
        <b-list-group-item class="d-flex align-items-center"> <i class="zi zi_tmLinux zi_2x mx-2" zico="linux"></i>Ubuntu </b-list-group-item>
      </b-list-group>
    </b-row>
    <b-row class="py-2 mt-3">
      <p>可以通过以下方式联系我：</p>
      <p class="fw-light"><i class="zi zi_tmQq"></i> QQ：3359309313</p>
      <p class="fw-light"><i class="zi zi_at" zico="邮件标记"></i> EMail：fly.7701@qq.com</p>
    </b-row>
  </b-container>
</template>

<script>
export default {
  name: "About",
};
</script>

<style lang="less" scoped>
.tch-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
</style>
